<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css"/>
		<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="${pageContext.request.contextPath}/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 头部 -->
		<div class="container-fluid page-header">
			<h1 style="color: #23527C;" class="col-xs-offset-1">天天淘购物</h1>
		</div>
		
		<!-- 登录框 -->
		<nav class="row">
			<div class="container" style="background: url(https://img.alicdn.com/tps/i4/TB14lZ6U9zqK1RjSZPcSuvTepXa.jpg);height: 600px;width: 80%;margin: auto;" >
				<div style="height: 450px;width: 400px;margin-top: 100px;background: #FFFFFF;" class="container col-xs-offset-8">
					<h1>用户登录</h1>
					<form action="${pageContext.request.contextPath}/user/login.do" method="POST" class="form-horizontal">
					<span style="color:red">&nbsp;${msg}</span>
						<div class="form-group" style="margin: 20px;">
							<label>用户名</label>
							<input type="text" name="username" placeholder="请输入用户名" name="username" class="form-control"/>
						</div>
						<div class="form-group" style="margin: 20px;">
							<label>密码</label>
							<input type="password" name="password" placeholder="请输入密码" name="password" class="form-control"/>
						</div>
						<div class="col-xs-offset-1" style="margin-top: 40px;">
							<button type="submit" class="btn btn-primary" style="width: 300px;">登录</button>
						</div>
						<div class="col-xs-offset-1" style="margin-top: 40px;">
							<button type="button" class="btn btn-primary" style="width: 300px;" onclick="location.href='register.jsp'">免费注册</button>
						</div>
					</form>
				</div>
			</div>
		</nav>
	</body>
</html>
